<template>
  <div class="top">
      <div class="two" >
        <div class="three">
          <div>
          <p style="font-size:15px">{{name}}<p/>
          <p style="font-size:11px;backgroundcolor:(255,249,227)">{{title}}<p/>
          <p style="color:red">{{price}}<p/>
        </div> 
        <img :src="img">
        </div>
      <ul class="schedule">
        <ul class="tally" style="font-size:10px">
          <li><p>支持人数<p/><p>136<p/></li>
        </ul>
        <van-progress  color="#ee0a24" :percentage="90" />
      </ul>
      </div>  
  </div>
</template>

<script>
export default {
  props:[
      "name","title","price","img","width"
    ],
  data(){
    return{
    }
  }   
}
</script>

<style scoped>
.three{
  display: flex;
}

  .crowd img{
 width: 132px;
 height: 132px;

   }
   .tally{
      display: flex;
    }
    .tally li{
      display: flex;
    }
</style>